<!doctype html>

<html>

	<head>
		<meta charset="utf-8">
		<title>Handle Assignment</title>

		<style type="text/css">
			@import url(css/star.css);
			@import url(css/login.css);
		</style>

	</head>

	<body>

		<canvas id="canvas"></canvas>

		<div id="moon" draggable="true">
			<img id=moonPic src="image/moon/moon6.png" width="50%" height="50%" alt="TheMoon">
		</div>

		<div id="adjBox">
			<form id="adjustForm">
				<fieldset style="width: 200%">
					<legend>Console information:</legend>
					<br>
					<input hidden="hidden" name="flag" value=0> 星星的数量: <input type="text" name="num" value=""><br> 星星的尺寸: <input type="text" name="dotSize" value=""><br> 星星的速度: <input type="text" name="speed" value=""><br> 星星的颜色: <input type="text" name="dotColor" value=""><br> 线条的颜色: <input type="text" name="colorList" value=""><br> 线条连线长: <input type="text" name="lineDotL" value=""><br> 鼠标连线长: <input type="text" name="lineMousL" value=""><br>

					<span>月亮主题:</span>
					<select name="moonStyle">
						<option value="1">style1</option>
						<option value="2">style2</option>
						<option value="3">style3</option>
						<option value="4">style4</option>
						<option value="5">style5</option>
						<option value="6" selected>style6</option>
					</select><br>

					实心<input type="radio" name="dotStyle" value="fill" checked="checked">&nbsp;&nbsp;&nbsp;&nbsp;
					空心<input type="radio" name="dotStyle" value="scroke"><br>
					<input type="button" value="提交" onclick="change()">

				</fieldset>
			</form>
		</div>

		<div id=welcome>
			<img src="image/welcome.png">
		</div>

		<div id="login" class="writeIn">
			<form id="loginForm" action="" method="post">
				<input hidden="hidden" name="flag" value=0>

				<p id="checkFlag" style="color:red ;"></p>
				账号: <input type="text" name="account" value=""><br><br><br /> 密码: <input type="password" name="password" value=""><br><br><br>
				<p onclick="tryLogin() " style=float:left>我要登录</p>
				<p onclick="goRegiste()" style=float:right>还没注册</p>
			</form>
		</div>

		<div id="registe" class="writeIn">
			<form id="registeForm" action="" method="post">
				<input hidden="hidden" name="flag" value=0>

				<p id="checkFlag2" style="color:red ;"></p>
				您的名字: <input type="text" name="name" value=""><br><br><br> 您的账号: <input type="text" name="account" value=""><br><br><br> 您的密码: <input type="password" name="password" value=""><br><br><br> 确认密码: <input type="password" name="firmPassword" value=""><br><br>
				<p onclick="tryRegiste()" style=float:left>点我注册</p>
				<p onclick="goLogin()" style=float:right>返回登录 </p>
			</form>

		</div>

	</body>

	<script src="js/star.js" charset="utf-8">
	</script>

	<script src="js/login.js"></script>
		<script src = "js/login.js">
	</script>

	<!--<script src="js/jquery-3.3.1.min.js"></script>-->

</html>